<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="../../layuiadmin/layui/css/layui.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/fonts/iconfont.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/admin.css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="../../layuiadmin/style/style.css"
      media="all"
    />
  </head>
  <style>
    #leftTree {
      width: 100%;
      height: 90%;
      overflow-y: auto;
    }

    #rightTree {
      width: 100%;
      height: 90%;
      overflow-y: auto;
    }

    #leftTree ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-left: 10px;
    }
    #leftTree li {
      list-style: none;
      margin-top: 3px;
      padding: 0px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    #leftTree .item {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      float: left;
    }
    #leftTree .classInput {
      width: 14px;
      height: 14px;
      margin: 0px;
      float: left;
    }
    #leftTree .item {
      background: url("../../layuiadmin/images/folderIconT.png") no-repeat;
      background-size: 100% 100%;
    }
    #leftTree ul i.unfold {
      background: url("../../layuiadmin/images/folderIconT.png") no-repeat;
      background-size: 100% 100%;
    }
    #leftTree a {
      text-decoration: none;
      color: #666;
      opacity: 0.9;
    }
    #leftTree .left {
      display: none;
    }

    #rightTree ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      margin-left: 10px;
    }
    #rightTree li {
      list-style: none;
      margin-top: 3px;
      padding: 0px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    #rightTree .item {
      width: 16px;
      height: 16px;
      margin-right: 5px;
      float: left;
    }
    #rightTree .classInput {
      width: 14px;
      height: 14px;
      margin: 0px;
      float: left;
    }
    #rightTree .item {
      background: url("../../layuiadmin/images/folderIconT.png") no-repeat;
      background-size: 100% 100%;
    }
    #rightTree ul i.unfold {
      background: url("../../layuiadmin/images/folderIconT.png") no-repeat;
      background-size: 100% 100%;
    }
    #rightTree a {
      text-decoration: none;
      color: #666;
      opacity: 0.9;
    }
    #rightTree .right {
      display: none;
    }

    #test12 {
      width: 100%;
      height: 90%;
      overflow-y: auto;
      /* overflow:hidden;
       text-overflow:ellipsis;
       -o-text-overflow:ellipsis;
       white-space:nowrap; */
    }

    #test13 {
      width: 100%;
      height: 90%;
      overflow-y: auto;
    }

    .layui-tree {
      overflow: hidden;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      white-space: nowrap;
    }

    #test12 .layui-tree-icon .layui-icon {
      width: 100%;
      height: 100%;
      display: inline-block;
      background: url("../../layuiadmin/images/folderIconT.png") no-repeat;
      background-size: 100% 100%;
    }
    #test12 .layui-tree-icon {
      height: 14px !important;
      line-height: 14px !important;
      width: 14px !important;
      border: none !important;
    }
    #test13 .layui-tree-icon .layui-icon {
      width: 100%;
      height: 100%;
      display: inline-block;
      background: url("../../layuiadmin/images/folderIconT.png") no-repeat;
      background-size: 100% 100%;
    }
    #test13 .layui-tree-icon {
      height: 14px !important;
      line-height: 14px !important;
      width: 14px !important;
      border: none !important;
    }
    .grey {
      color: #fff !important;
      background-color: #009688 !important;
    }

    .layuiTransferSearch {
      display: flex;
      flex-direction: row;
    }

    .layuiTransferSearch > .layui-input {
      display: block;
      width: 85% !important;
    }
  </style>
  <body>
    <div class="layui-fluid">
      <div id="test4"></div>
      <div class="layui-form">
        <div class="layui-form-item">
          <div class="layui-inline" id="monthRange">
            <div class="layui-input-inline monthRangeStart">
              <i class="layui-icon layui-icon-date"></i>
              <input
                type="text"
                autocomplete="off"
                id="monthRangeStart"
                name="startTime"
                class="layui-input"
                placeholder="开始月份"
              />
            </div>
            <div class="layui-form-mid">-</div>
            <div class="layui-input-inline">
              <input
                type="text"
                autocomplete="off"
                id="monthRangeEnd"
                name="endTime"
                class="layui-input"
                placeholder="结束月份"
              />
            </div>
          </div>
          <div class="layui-inline projectNameSearch">
            <input
              type="text"
              name="projectName"
              placeholder="项目名称"
              autocomplete="off"
              class="layui-input"
            />
            <button
              type="button"
              class="layui-btn layui-btn-sm layui-btn-primary searchFolderBtn"
              lay-submit
              lay-filter="searchFolderBtn"
            >
              <i class="layui-icon layui-icon-search"></i>
            </button>
          </div>
          <div class="layui-inline">
            <button type="button" class="layui-btn layui-btn-primary removeBtn">
              <i class="iconfont icon-yidong"></i> 移动
            </button>
          </div>
          <div class="layui-inline">
            <button type="button" class="layui-btn createFolderBtn">
              <i class="iconfont icon-tianjiawenjianjia"></i> 创建
            </button>
          </div>
          <div class="layui-inline">
            <button type="button" class="layui-btn switchContentBtn">
              <i class="iconfont icon-caidan"></i>
            </button>
          </div>
        </div>
      </div>
      <div>
        <div class="projectManagementList">
          <ul id="projectManagementListCon"></ul>
          <div id="layuipage"></div>
        </div>
        <div class="projectManagementTable">
          <table
            class="layui-hide"
            id="projectManagementTable"
            lay-filter="projectManagementTable"
          ></table>
        </div>
      </div>
    </div>
    <!--新建文件夹 -->
    <script type="text/html" id="createFolderForm">
      <form lay-filter="createFolderForm" class="layui-form model-form">
        <div class="layui-form-item">
          <label class="layui-form-label">文件夹名称</label>
          <div class="layui-input-block">
            <input
              name="folderName"
              type="text"
              class="layui-input"
              autocomplete="off"
              lay-verify="required"
            />
          </div>
        </div>
        <div class="layui-form-item bottomBtn">
          <button
            class="layui-btn layui-btn-primary"
            type="button"
            ew-event="closeDialog"
          >
            取消
          </button>
          <button class="layui-btn" lay-filter="createFolderSubmit" lay-submit>
            确定
          </button>
        </div>
      </form>
    </script>
    <!-- 文件移动 -->
    <script type="text/html" id="changeFile">
      <div class="projectFilesList">
        <div class="transferContent">
          <div class="transferPanel transferPanelLeft">
            <div class="layuiTransferSearch">
              <i class="layui-icon layui-icon-search"></i
              ><input
                type="input"
                class="layui-input  leftInput"
                placeholder="关键词搜索"
              />
              <button
                type="button"
                class="layui-btn layui-btn-sm layui-btn-normal"
                id="left_layui"
              >
                搜索
              </button>
            </div>
            <!-- <div id="leftTree"  onlyLeaf="false" onlyIcon="false" checkBox="false"></div> -->
            <div id="test12" class="demo-tree-more"></div>
          </div>
          <div class="transferBtn transferToRight">
            <button
              title="右移"
              id="rightLayuiBtn"
              class="layui-btn layui-btn-normal layui-btn-sm "
              lay-demo="getChecked"
            >
              移动
              <i class="layui-icon layui-icon-next"></i>
            </button>
          </div>
          <div class="transferBtn transferToLeft">
            <button
              title="左移"
              id="leftLayuiBtn"
              lay-name="province[]"
              class="layui-btn layui-btn-normal layui-btn-sm "
              lay-demo2="getChecked"
            >
              <i class="layui-icon layui-icon-prev"></i>撤销
            </button>
          </div>
          <div class="transferPanel transferPanelRight">
            <div class="layuiTransferSearch">
              <i class="layui-icon layui-icon-search"></i
              ><input
                type="input"
                class="layui-input  rightInput"
                placeholder="关键词搜索"
              />
              <button
                type="button"
                class="layui-btn layui-btn-sm layui-btn-normal"
                id="right_layui"
              >
                搜索
              </button>
            </div>
            <!-- <div   id="rightTree" onlyLeaf="false" onlyIcon="false" checkBox="false"></div> -->
            <div id="test13" class="demo-tree-more"></div>
          </div>
        </div>
        <div style="text-align: right;">
          <button
            class="layui-btn"
            lay-submit=""
            lay-filter="sureTransfer"
            id="sureTransfer"
          >
            确定
          </button>
          <button
            class="layui-btn cancelBtn"
            lay-submit=""
            lay-filter="cancelTransfer"
          >
            取消
          </button>
        </div>
      </div>
    </script>
    <!-- 文件移动 -->
    <script type="text/html" id="changeAllFile">
      <div class="projectFilesList">
        <ul
          class="layui-nav layui-nav-tree  layui-inline otherFilesList"
          lay-filter="demo"
        ></ul>
      </div>
    </script>
    <!-- 文件移动 -->
    <script type="text/html" id="changeFileNext">
      <div class="projectFilesList">
        <ul
          class="layui-nav layui-nav-tree  layui-inline otherFilesList"
          lay-filter="demo"
        ></ul>
        <button class="layui-btn fileOtherChangeBtn">选择移动</button>
      </div>
    </script>
    <script src="../../layuiadmin/layui/layui.js"></script>
    <script src="../../layuiadmin/modules/const_config.js"></script>
    <script src="../../layuiadmin/modules/jquery.min.js"></script>
    <script src="../../layuiadmin/modules/jTools.js"></script>
    <script>
      layui
        .config({
          base: "../../layuiadmin/", //静态资源所在路径
        })
        .extend({
          index: "lib/index", //主入口模块
        })
        .use(["index", "projectManagement"], function () {});
    </script>
  </body>
</html>
